| دورة الفلاش الثانية [الدرس الأول]: الطبقات Layers | أضيف في: 11/08/2009 | |||||
|---|---|---|---|---|---|---|
|
اخواني أخواتي حاولت أن اجمع لكم ما هو المهم والمفيد من خلال تعاملي في العمل مع فلاش جمعت لكم بعض المفاهيم وسنتناول في كل درس مفهوم معين نتحاور من خلاله على الساحة ثم انتظر تطبيقاتكم التي انتظر فيها ابداعاتكم حول الموضوع ولم أجعل الدروس هي عبارة عن مثال فقط يتم شرح طريقة عمله ولكن تعمدت أن أشرح مفهوم معين في بداية كل درس ثم نطبق عليه وحتى تتمكن بعد فهمك لتلك المفاهيم العمل بمفردك انشاء الله ولرغبتي من الجميع بالمشاركة حتى لو كانت معرفته بفلاش ضئيلة ....حاولت أن أبسط الشرح قدر المستطاع -------------------------------------------------------------------------------- سأتناول اليوم موضوع الطبقات في فلاش (layers) سنأخذ أولا شكل الطبقات في الصورة التالية :--  بحيث أن الموجود على الرسم layer1 هذه طبقة تحتوي على خط زمني خاص بها ........... هناك سؤال كيف يمكن الحصول على الطبقات ؟ وما هو مفهوم الطبقات ؟؟؟ لعمل الطبقة في فلاش ننقر بزر الفأرة الايمن على layer1 سوف تنسدل قائمة نختار منها (insert layer) أي إضافة طبقة .... مباشرة سوف تظهر الطبقة الثانية أعلى الطبقة الأولى كما هو موضح بالشكل التالي __وكلما كررنا العملية سوف يزداد عدد الطبقات  و نستطيع تغيير اسم الطبقة عن طريق الضغط على layer1 مرتين ثم كتابة الاسم الجديد .............................. ماهو مفهوم الطبقات ؟؟؟ تعمل الطبقات مثل الاوعية التي تحتوي على الرموز والاصوات والرسوم والعناصر المختلفة ورغم أنني أستطيع من وضع عدة عناصر مختلفة على طبقة واحدة (كأن اضع مسا ر صوتي وخلفية وبعض الرموز)إلا أنني أنصحك باستخدام طبقة مستقلة لكل واحد من هذه العناصر مثلا طبقة للمسار الصوتي الذي سيعمل طوال وقت الفيلم وطبقة للخلفية وأخرى للرموز (ستتضح الفكرة اكثر من خلال الامثلة )وهكذا انظر الشكل التالي ::  نلاحظ في الشكل السابق أننا قسمنا العمل الى 3 طبقات طبقة الصوتيات كما هو واضح في الشكل وطبقة وضعنا فيها الحركة حيث حركنا فيها عنصر معين وطبقة وضعنا فيها الخلفية وبذلك قسمنا العمل الى عدة طبقات بحيث يسهل علينا العمل اذن هنا في اثناء تشغيل الفلم سوف يستمر الصوت في العمل والخلفية تظل ثابتة طوال الفيلم والعنصر سوف يتحرك علما بأن الخلفية سوف تقع أسفل العنصر المتحرك لماذا؟؟ وذلك لأنه على حسب ترتيب الطبقات فالعناصر الموجودة في الطبقة العليا تظهر فوق العناصر الموجودة في الطبقات الاسفل.....وهكذا .... -------------------------------------------------------------------------------- ***مثال عملي بسيط فقط ليوضح فكرة الطبقات: ألق نظرة على هذا المثال وتابع الشرح لتتعرف على كيفية عمله: 1-افتح ملف جديد من فلاش file>>new 2-في الtime line تظهر طبقة واحدة اضغط عليها بالزر الايمن واختار inseart layer وكررهذه العملية مرتين ستحصل الآن على 3 طبقات ...... 3-الان وكما هو موضح بالرسم اذهب للطبقة الاولى من أعلى وعند الاطار الاول frame1اضغط عليه وارسم في المسرح أي شكل بسيط مثلا دائرة ثم انقر على الاطار 30 ثم اضغط f5  4- كرر الخطوة رقم 3 في الطبقتين الاخرى ولكن بتغيير الشكل مثلا مربع أو بتغيير اللون مثلا للتمييز فقط ولكن اريد توضيح نقطة وهي لابد من وضع الاشكال عند رسمها قريبة من موقع الدائرة على المسرح لترى بنفسك تاثير الطبقات لا حظ الشكل التالي:--  ونلاحظ أننا عندما رسمنا المربع ظهر خلف الدائرة وذلك يحقق المعلومة المذكورة سابقا وهي أن عناصر الطبقة الاعلى فوق عناصر الطبقة الاسفل اخواني هل وضحت الفكرة؟؟؟؟؟؟ وهذا ما سيحدث عند تشغيل الفيلم النهائي ولو أردنا أن يظهر المربع فوق الدائرة سوف نسحب الطبقة 2 فوق الطبقة 3 جربوها ولا حظوا الفرق ملاحظة:إخــــــواني(الدروس القادمة باذن الله لن تكون بهذا الشكل ولكن كانت هذه بداية لمن لا يتقن الطبقات فالطبقات أساس للإحتراف في فلاش) -------------------------------------------------------------------------------- المثال التالي بسيط جدا هو مجرد تدريب يوضح فكرة الطبقات مع إضافة الصوت لزيادة التفاعل شاهدوا المثال ثم لنتعرف على الطريقة:__ http://www.c4arab.com/images/lessons/design/flash/flashimages/lesson-1-.swf 1-نفتح ملف جديد سيكون في الخط الزمني طبقة(layer) واحدة فقط , ننشئ طبقتين أخرى بالطريقة المذكورة سابقا نسمي الطبقات كمانشاء مثلا الاولى__picture1-والثانية __ picture2 , و الثالثة sound والشكل كالتالي:  2- نغير لون الخلفية بالضغط على المسرح ثم في نافذة الخصائص عند الخيار background واختار الاسود مثلا 3- نريد استيراد الصورة الاولى الى فلاش من أي ملف صور لديك على الجهاز ونريد وضع الصورة في نافذة تسمى المكتبة (library) والطريقة___file>>import to library ستفتح لك نافذة تستطيع فيها استعراض اي ملف من الجهاز تختار منه الصورة ثم تضغط على (open)>>>طيب ؟ ثم تذهب على قائمة window في فلاش وتختار منها library لتفتح لك النافذه ستجد بها الصورة,,,نضغط بعدها على اول اطار في الطبقة picture1 ثم نسحب الصورة من المكتبة ونلقيها على المسرح 4-اختار الاطار 100 من الشريط الزمني ثم اضغط f6 بعدها ظلل الاطارات من 1 الى 100 ثم اضغط بالزر الايمن على الإطارات المظللة بعدها اختار الامر creat motion tween .... 5- ألآن نريد تصغير الصورة وان نجعل فيه شفافية كيف ؟؟ اضغط على الاطار 100 ثم اختار قائمةmodify ثم اختر transform ثمscale and rotate وعند الخيار scale ضع 30% ثم ok بعدها اضغط على الصورة ضغطة واحدة فقط وفي نافذة الخصائص يظهر خيارcolorاختر عنده Alpha وضع 0 بالخانة التي عن يمينه كالشكل التالي:  ولتدوير الصورة اضغط على اول اطار ثم اعمل مايلي في نافذة الخصائص :عند خيار ease حرك المؤشر الى-100 وحدد الخيارين scale و snap والغ العلامة من امام الخيار sync و orient to path وعند الخيار rotate اختر CW وعند الخيارtime ضع الرقم 2 انظروا الشكل التالي..........اخواني الذي عملناه كله على طبقة(layer) واحدة:_ --  سيصبح شكل الطبقة إلى الآن كالتالي(لكي تصبح الامور واضحة ..)  6-انتقل الى الطبقة PICTURE 2 وذلك لعمل صورة ثانية بنفس فكرة الصورة الاولى .......سنستورد الصورة كما فعلنا سابقا ولكن في أي frame سوف نضع الصورة لكي نبدا العمل معها؟؟؟ ضعوا في اعتباركم أننا لو وضعنا الصورة في الاطار 1 وعملنا لها حركة الى 100 لن تظهر هذه الصورة الاخيرة ولا حركتها لماذا ؟؟لأنه فوقها طبقة بها كائنات ........................ اذن، سوف نضع الصورة عند الاطار الذي يلي الاطار 100 مباشرة اي 101 اذن في الطبقة الثانيةpicture 2 عند الاطار 101 اضغطf6 واسحب الصورة الثانية من المكتبة وكرر ما عملته في الصورة السابقة انظر..وسوف تنتهي حركة الصورة الثانية عند الإطار 200 ...  ملاحظة:(اذا رأيت الصورة كبيرة تستطيع التحكم في حجمها من نافذة الخصائص من خلال الخانات الموجودة في الشكل التالي )  7- الصور الأخيرة الموجودة بالمثال لكي تنشئها أولا استورد صورتين أو ثلاثة على المكتبة بالطريقة السابقة ثم أنشئ طبقة رابعة وسمّها picture 3 ........وعند الإطار 201 من هذه الطبقة اضغط f6 ثم اسحب صورة من المكتبة وألقيها على المسرح وعند الإطار 225 اضغط على f5 فقط انظر الشكل التالي:---  أنت تمكنت الآن من عمل صورة ولكي تعمل عدد من الصور كرر العملية رقم 7 أي عدد من المرات وبذلك تكون تمكنت من عمل الصور الموجودة في آخر المثال ... 8-مرحلة إدخال الصوت وهي أروع شيء لأنها تعطي للعرض طعم آخر..وسهلـــــــــــة,,من file اختر أمر import to library تفتح لك شاشة اختار الصوت من المكان الذي تريد في جهازك ثم open طيب الآن اذهب على طبقة sound اضغط على الإطار(الـ frame) رقـم 250 ثم اضغط على f5 (هنا الإطار 250 هو الإطار الذي ينتهي عنده الصوت إذن بإمكانك اختيار أي إطار آخر تريد انتهاء الصوت عنده وتضغط عنده f5) بعد ذلك اضغط على الإطار 1 من طبقة sound ثم اذهب في لوحة الخصائص عند عنوان يسمى sound اضغط السهم بجانبه ليظهر لك اسم الصوت الذي استوردته اضغط عليه فقط و سيظهر لك الصوت عند تشغيل الفلم:  و شكل الصوت على الخط الزمني سيظهر كما يلي :  تحذير____>> يجب أن يكون الخط الزمني يتسع للصوت يعني يجب أن ينتهي الصوت بمساحة فارغة تدل على انتهائه كما في الشكل التالي  مثال:--قد يكون الصوت يحتاج إلى 200 إطار وأنت وضعت له مسافة 100 إطار فقط ("أي ذهبت إلى الإطار 100 وضغطت على f5 ") في هذه الحالة عند العرض النهائي للفلم سيتكرر الصوت بشكل مزعج ومتداخل جرب .لكي ترى الفرق. الحل عندما يحدث ذلك __\ هو بطريقتين 1- إما أن تسحب الإطار الأخير إلى مسافة بعيدة نوعا ما إلى أن تجد أن الصوت قد انتهى أي أن المسار الصوتي قد اختفى ولكنه ليس حل ممتاز دائما لأنه قد يكون الصوت أطول بكثير من الفلم وعند العرض سينتهي الفلم ويستمر الصوت بمفرده 2- الطريقة الثانية ممتازة جدا وهي تمكنك من اختيار مقاطع معينة من الصوت أو حذف جزء من بدايته أو من نهايته وهي عن طريق edit في نافذة الخصائص بالضغط عليها:  عند الضغط عليها ستفتح لك نافذة كالتالي:  عندي مؤشرين الأيمن كلما سحبته جهة اليسار فانك تحذف جزء من نهاية الصوت والمؤشر الأيسر كلما حركته جهة اليمين فإنك تحذف جزء من بداية الصوت و في كل مرة جرب واكتشف الفرق وتستطيع سماع الصوت بعد تعديله عن طريق إشارة المثلث في أسفل النافذة وتستطيع عن طريق المؤشرين الأيمن والأيسر تقصير الصوت أو اختيار مقطع معين يتناسب مع المشهد وأما الباقي فهو يحذف ..... بعدها اضغط على ok لإغلاق النافذة والعودة للنافذة الرئيسية .... انتهينا ****الآن اضغط على test move من قائمة control لتشاهد الفلم الذي أنشأته و بإمكانك تعديله إذا رأيت عيب أو خطأ............................ إذن ماذا أخذنا اليوم؟؟؟ ******* شرح مفهوم الطبقات layers ******* مثال عملي يوضح معنى الطبقات وشرح طريقة عمله الواجب العملي............ ((((عمل فلم بواسطة فلاش يشبه المثال السابق و يوضح فهمك لاستيراد الصور والأصوات وعمل الطبقات ولا يشترط التقيد تماما بنفس الصور والأصوات فالأمر متروك لك ولكن فضلاَ أرجو عدم استخدام الموسيقى في العرض استخدم البدائل الإسلامية ))) وبعد ذلك أرسلوا أعمالكم على الإيميل التالي >>>(hadedah33@ hotmail .com)
|
||||||
| الكاتب: صفوف |
 |
 |
|
|||
خيارات الدرس :  ارسل الدرس لصديق
 طباعة الدرس
 حفظ الدرس كملف Word
 حفظ الدرس كملف PDF
|
||||||
التعليقات
|
||
|---|---|---|
|
||
|
|
| أرشيف الأقسام |
|---|
| 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
